<template>
    <div>
        <h2>水果列表</h2>
        <ul>
            <li v-for="fruit in fruits" :key="fruit.id">
                水果编码: {{ fruit.id }} --- 水果名称: {{ fruit.name }} --- 详细信息: {{ fruit.detail }}
            </li>
        </ul>
    </div>
    </template>
    
    <script>
    export default {
        data() {
            return {
                fruits: [
                    { id: 1,name: '苹果',detail: '苹果汁水丰富，可以生津止渴'},
                    { id:2,name: '柠檬', detail: '柠檬具有生津止渴、化痰止咳的功效' }
                ]
            }
        }
    }
    </script>
  
  